<style scoped>
i{
    font-size: 30px;
    margin:10px;
}
</style>
<script setup>
// onMounted(()=>{
//     setTimeout(() => {
//         console.log(document.getElementById('x')?.getElementsByTagName("i"))
//         Array.from(document.getElementById('x')?.getElementsByTagName("i")).forEach(item => {
//             item.title = item.className.replace("feather-","")
//         })
//     }, 1000)
// })
</script>
<template>
        校长的主页
        <div  id="x" style="display: flex; flex-wrap: wrap;">  
<i class="feather-home"></i>
<i class="feather-activity"></i> 
<i class="feather-feather-airplay"></i> 
<i class="feather-alert-circle"></i> 
<i class="feather-alert-octagon"></i> 
<i class="feather-alert-triangle"></i> 
<i class="feather-align-center"></i> 
<i class="feather-align-justify"></i> 
<i class="feather-align-left"></i> 
<i class="feather-align-right"></i> 
<i class="feather-anchor"></i> 
<i class="feather-aperture"></i> 
<i class="feather-archive"></i> 
<i class="feather-arrow-down"></i> 
<i class="feather-arrow-down-circle"></i> 
<i class="feather-arrow-down-left"></i> 
<i class="feather-arrow-down-right"></i> 
<i class="feather-arrow-left"></i> 
<i class="feather-arrow-left-circle"></i> 
<i class="feather-arrow-right"></i> 
<i class="feather-arrow-right-circle"></i> 
<i class="feather-arrow-up"></i> 
<i class="feather-arrow-up-circle"></i> 
<i class="feather-arrow-up-left"></i> 
<i class="feather-arrow-up-right"></i> 
<i class="feather-at-sign"></i> 
<i class="feather-award"></i> 
<i class="feather-bar-chart"></i> 
<i class="feather-bar-chart-2"></i> 
<i class="feather-battery"></i> 
<i class="feather-battery-charging"></i> 
<i class="feather-bell"></i> 
<i class="feather-bell-off"></i> 
<i class="feather-bluetooth"></i> 
<i class="feather-bold"></i> 
<i class="feather-book"></i> 
<i class="feather-book-open"></i> 
<i class="feather-bookmark"></i> 
<i class="feather-box"></i> 
<i class="feather-briefcase"></i> 
<i class="feather-calendar"></i> 
<i class="feather-camera"></i> 
<i class="feather-camera-off"></i> 
<i class="feather-cast"></i> 
<i class="feather-check"></i> 
<i class="feather-check-circle"></i> 
<i class="feather-check-square"></i> 
<i class="feather-chevron-down"></i> 
<i class="feather-chevron-left"></i> 
<i class="feather-chevron-right"></i> 
<i class="feather-chevron-up"></i> 
<i class="feather-chevrons-down"></i> 
<i class="feather-chevrons-left"></i> 
<i class="feather-chevrons-right"></i> 
<i class="feather-chevrons-up"></i> 
<i class="feather-chrome"></i> 
<i class="feather-circle"></i> 
<i class="feather-clipboard"></i> 
<i class="feather-clock"></i> 
<i class="feather-cloud"></i> 
<i class="feather-cloud-drizzle"></i> 
<i class="feather-cloud-lightning"></i> 
<i class="feather-cloud-off"></i> 
<i class="feather-cloud-rain"></i> 
<i class="feather-cloud-snow"></i> 
<i class="feather-code"></i> 
<i class="feather-codepen"></i> 
<i class="feather-command"></i> 
<i class="feather-compass"></i> 
<i class="feather-copy"></i> 
<i class="feather-corner-down-left"></i> 
<i class="feather-corner-down-right"></i> 
<i class="feather-corner-left-down"></i> 
<i class="feather-corner-left-up"></i> 
<i class="feather-corner-right-down"></i> 
<i class="feather-corner-right-up"></i> 
<i class="feather-corner-up-left"></i> 
<i class="feather-corner-up-right"></i> 
<i class="feather-cpu"></i> 
<i class="feather-credit-card"></i> 
<i class="feather-crop"></i> 
<i class="feather-crosshair"></i> 
<i class="feather-database"></i> 
<i class="feather-delete"></i> 
<i class="feather-disc"></i> 
<i class="feather-dollar-sign"></i> 
<i class="feather-download"></i> 
<i class="feather-download-cloud"></i> 
<i class="feather-droplet"></i> 
<i class="feather-edit"></i> 
<i class="feather-edit-2"></i> 
<i class="feather-edit-3"></i> 
<i class="feather-external-link"></i> 
<i class="feather-eye"></i> 
<i class="feather-eye-off"></i> 
<i class="feather-facebook"></i> 
<i class="feather-fast-forward"></i> 
<i class="feather-feather"></i> 
<i class="feather-file"></i> 
<i class="feather-file-minus"></i> 
<i class="feather-file-plus"></i> 
<i class="feather-file-text"></i> 
<i class="feather-film"></i> 
<i class="feather-filter"></i> 
<i class="feather-flag"></i> 
<i class="feather-folder"></i> 
<i class="feather-folder-minus"></i> 
<i class="feather-folder-plus"></i> 
<i class="feather-gift"></i> 
<i class="feather-git-branch"></i> 
<i class="feather-git-commit"></i> 
<i class="feather-git-merge"></i> 
<i class="feather-git-pull-request"></i> 
<i class="feather-github"></i> 
<i class="feather-gitlab"></i> 
<i class="feather-globe"></i> 
<i class="feather-grid"></i> 
<i class="feather-hard-drive"></i> 
<i class="feather-hash"></i> 
<i class="feather-headphones"></i> 
<i class="feather-heart"></i> 
<i class="feather-help-circle"></i> 
<i class="feather-home"></i> 
<i class="feather-image"></i> 
<i class="feather-inbox"></i> 
<i class="feather-info"></i> 
<i class="feather-instagram"></i> 
<i class="feather-italic"></i> 
<i class="feather-layers"></i> 
<i class="feather-layout"></i> 
<i class="feather-life-buoy"></i> 
<i class="feather-link"></i> 
<i class="feather-link-2"></i> 
<i class="feather-linkedin"></i> 
<i class="feather-list"></i> 
<i class="feather-loader"></i> 
<i class="feather-lock"></i> 
<i class="feather-log-in"></i> 
<i class="feather-log-out"></i> 
<i class="feather-mail"></i> 
<i class="feather-map"></i> 
<i class="feather-map-pin"></i> 
<i class="feather-maximize"></i> 
<i class="feather-maximize-2"></i> 
<i class="feather-menu"></i> 
<i class="feather-message-circle"></i> 
<i class="feather-message-square"></i> 
<i class="feather-mic"></i> 
<i class="feather-mic-off"></i> 
<i class="feather-minimize"></i> 
<i class="feather-minimize-2"></i> 
<i class="feather-minus"></i> 
<i class="feather-minus-circle"></i> 
<i class="feather-minus-square"></i> 
<i class="feather-monitor"></i> 
<i class="feather-moon"></i> 
<i class="feather-more-horizontal"></i> 
<i class="feather-more-vertical"></i> 
<i class="feather-move"></i> 
<i class="feather-music"></i> 
<i class="feather-navigation"></i> 
<i class="feather-navigation-2"></i> 
<i class="feather-octagon"></i> 
<i class="feather-package"></i> 
<i class="feather-paperclip"></i> 
<i class="feather-pause"></i> 
<i class="feather-pause-circle"></i> 
<i class="feather-percent"></i> 
<i class="feather-phone"></i> 
<i class="feather-phone-call"></i> 
<i class="feather-phone-forwarded"></i> 
<i class="feather-phone-incoming"></i> 
<i class="feather-phone-missed"></i> 
<i class="feather-phone-off"></i> 
<i class="feather-phone-outgoing"></i> 
<i class="feather-pie-chart"></i> 
<i class="feather-play"></i> 
<i class="feather-play-circle"></i> 
<i class="feather-plus"></i> 
<i class="feather-plus-circle"></i> 
<i class="feather-plus-square"></i> 
<i class="feather-pocket"></i> 
<i class="feather-power"></i> 
<i class="feather-printer"></i> 
<i class="feather-radio"></i> 
<i class="feather-refresh-ccw"></i> 
<i class="feather-refresh-cw"></i> 
<i class="feather-repeat"></i> 
<i class="feather-rewind"></i> 
<i class="feather-rotate-ccw"></i> 
<i class="feather-rotate-cw"></i> 
<i class="feather-rss"></i> 
<i class="feather-save"></i> 
<i class="feather-scissors"></i> 
<i class="feather-search"></i> 
<i class="feather-send"></i> 
<i class="feather-server"></i> 
<i class="feather-settings"></i> 
<i class="feather-share"></i> 
<i class="feather-share-2"></i> 
<i class="feather-shield"></i> 
<i class="feather-shield-off"></i> 
<i class="feather-shopping-bag"></i> 
<i class="feather-shopping-cart"></i> 
<i class="feather-shuffle"></i> 
<i class="feather-sidebar"></i> 
<i class="feather-skip-back"></i> 
<i class="feather-skip-forward"></i> 
<i class="feather-slack"></i> 
<i class="feather-slash"></i> 
<i class="feather-sliders"></i> 
<i class="feather-smartphone"></i> 
<i class="feather-speaker"></i> 
<i class="feather-square"></i> 
<i class="feather-star"></i> 
<i class="feather-stop-circle"></i> 
<i class="feather-sun"></i> 
<i class="feather-sunrise"></i> 
<i class="feather-sunset"></i> 
<i class="feather-tablet"></i> 
<i class="feather-tag"></i> 
<i class="feather-target"></i> 
<i class="feather-terminal"></i> 
<i class="feather-thermometer"></i> 
<i class="feather-thumbs-down"></i> 
<i class="feather-thumbs-up"></i> 
<i class="feather-toggle-left"></i> 
<i class="feather-toggle-right"></i> 
<i class="feather-trash"></i> 
<i class="feather-trash-2"></i> 
<i class="feather-trending-down"></i> 
<i class="feather-trending-up"></i> 
<i class="feather-triangle"></i> 
<i class="feather-truck"></i> 
<i class="feather-tv"></i> 
<i class="feather-twitter"></i> 
<i class="feather-type"></i> 
<i class="feather-umbrella"></i> 
<i class="feather-underline"></i> 
<i class="feather-unlock"></i> 
<i class="feather-upload"></i> 
<i class="feather-upload-cloud"></i> 
<i class="feather-user"></i> 
<i class="feather-user-check"></i> 
<i class="feather-user-minus"></i> 
<i class="feather-user-plus"></i> 
<i class="feather-user-x"></i> 
<i class="feather-users"></i> 
<i class="feather-video"></i> 
<i class="feather-video-off"></i> 
<i class="feather-voicemail"></i> 
<i class="feather-volume"></i> 
<i class="feather-volume-1"></i> 
<i class="feather-volume-2"></i> 
<i class="feather-volume-x"></i> 
<i class="feather-watch"></i> 
<i class="feather-wifi"></i> 
<i class="feather-wifi-off"></i> 
<i class="feather-wind"></i> 
<i class="feather-x"></i> 
<i class="feather-x-circle"></i> 
<i class="feather-x-square"></i> 
<i class="feather-youtube"></i> 
<i class="feather-zap"></i> 
<i class="feather-zap-off"></i> 
<i class="feather-zoom-in"></i> 
<i class="feather-zoom-out"></i> 
</div>

</template>